<template>
	<view>
		<view style="background-image: linear-gradient(#519AFF,#F5F5F8);height: 600rpx;width: 750rpx;">
			<image src="../../static/title@3x.png" style="width: 690rpx;height: 370rpx;margin-top: 16rpx;margin-left: 30rpx;position: absolute;"></image>
			<view >
				<view style="font-size: 36rpx;line-height: 36rpx;text-align: center;position: relative;top: 250rpx;">{{userName}} {{phonenum}}</view>
			</view>	
		</view>
		
		<view style="position: fixed;bottom: 0;width: 750rpx;height: 120rpx;border-top: 1rpx solid #E5E5E5;background-color: #FFFFFF;">
			<button style="font-size: 36rpx;color: #FFFFFF;margin-top: 14rpx;width: 690rpx;height: 94rpx;border-radius: 47rpx;background-color: #519AFF;margin-left: 32rpx;"@click="quit">退出当前账号</button>
		</view>
		<!-- <view style="display: flex;position: fixed;bottom: 0rpx;height: 102rpx;background-color: #FFFFFF;width: 750rpx;border-top:1rpx solid #E5E5E5;">
			<view style="margin-left: 142rpx;" v-if="icon" @click="icon1()">
				<image src="../../static/icon_press@3x.png" style="height: 52rpx;width: 52rpx;margin-top: 10rpx;"></image>
				<view style="font-size: 22rpx;line-height: 22rpx;margin-top: -6rpx;color: #388CFE;text-align: center;">首页</view>
			</view>	
			<view style="margin-left: 142rpx;" v-else @click="icon1()">
				<image src="../../static/icon1@3x.png" style="height: 52rpx;width: 52rpx;margin-top: 10rpx;"></image>
				<view style="font-size: 22rpx;line-height: 22rpx;margin-top: -6rpx;color:#A4AAB3 ;text-align: center;">首页</view>
			</view>	
			<view style="margin-left: 376rpx;"@click="icon2()" v-if="icon">
				<image src="../../static/icon_my@3x.png" style="height: 52rpx;width: 52rpx;margin-top: 10rpx;"></image>
				<view style="font-size: 22rpx;line-height: 22rpx;margin-top: -6rpx;color: #A4AAB3;text-align: center;">我的</view>
			</view>	
			<view style="margin-left: 376rpx;"@click="icon2()" v-else>
				<image src="../../static/icon%20_press_my@3x.png" style="height: 52rpx;width: 52rpx;margin-top: 10rpx;"></image>
				<view style="font-size: 22rpx;line-height: 22rpx;margin-top: -6rpx;color: #388CFE;text-align: center;">我的</view>
			</view>	
		</view> -->
	</view>
</template>

<script>
	export default {
		data() {
			return {
				icon:false,
				phonenum:'',
				userName:''
			}
		},
		methods: {
			
			icon1(){
				this.icon=true
				uni.navigateTo({
					url:'firstpage'
				})
			},
			icon2(){
				this.icon=false
			},
			quit(){
				uni.reLaunch({
					url:'join'
				})
			}
		},
		onLoad() {
			try {
			    const X = uni.getStorageSync('userName');
				this.userName=X
			    if (X) {
			        // console.log(Y);
			    }
			} catch (X) {
			    // error
			};
			try {
			    const Y = uni.getStorageSync('mobile');
				this.phonenum=Y
			    if (Y) {
			        // console.log(Y);
			    }
			} catch (Y) {
			    // error
			};
		}
	}
</script>

<style>
page{background-color: #F5F5F8;}
</style>
